<!--
// +----------------------------------------------------------------------
// | Created by PHPstorm: JRKAdmin框架 [ JRKAdmin ]
// +----------------------------------------------------------------------
// | Copyright (c) 2019~2022 [LuckyHHY] All rights reserved.
// +----------------------------------------------------------------------
// | SiteUrl: http://www.luckyhhy.cn
// +----------------------------------------------------------------------
// | Author: LuckyHhy <jackhhy520@qq.com>
// +----------------------------------------------------------------------
// | Date: 2020/3/2-15:42
// +----------------------------------------------------------------------
// | Description:
// +----------------------------------------------------------------------
*-->


{extend name='public/base' /}

{block name="content"}

<div class="layui-col-md12">

    <div class="layui-card">
        <div class="layui-card-body layui-row ">

            <blockquote class="layui-elem-quote layui-text">
                表单各种元素封装选择
            </blockquote>

        </div>

    </div>

    <div class="layui-card">

        <div class="layui-card-body">

            <!--内容区-->
            <div class="layui-form">

                <!--图片素材-->
                {:widget('common/forms/Pic',array('name|缩略图|请上传文字缩略图|required|上传图片','',700,600))}

                <!--图片上传裁剪-->
                <div class="layui-form-item">
                    <label class="layui-form-label">单图裁剪:</label>
                    <div class="layui-input-block">
                        {:widget('common/forms/uploadImg',array('avatars','','90x90','头像','300x300'))}
                    </div>

                </div>


                <!--文件素材选择-->
                {:widget('common/forms/Files',array('fik|上传附件|请上传附件|required|上传附件','地址'))}


                <!--textarea-->
                {lv:textarea label="摘要："  style="width: 450px;"  name="description"  place="请输入摘要"  /}

                <!--uploadMultImg 多图上传-->
                <div class="layui-form-item">
                    <label class="layui-form-label">多图上传:</label>
                    <div class="layui-input-block">
                        {:widget('common/forms/uploadMultImg',array('pic',[],'图片提示'))}
                    </div>
                    <div class="layui-form-mid layui-word-aux">一次性可以选择多个图片上传</div>

                </div>

                <!--Layedit-->
                {:widget('common/forms/Layedit',array('content|Layedit|Layedit','欢迎使用Layedit编辑器'))}


                <!--Ueditor-->
                {:widget('common/forms/Ueditor',array('content|文章内容|文章内容|420','欢迎使用ueditor编辑器'))}


            </div>


        </div>
    </div>

</div>


{/block}


{block name="js"} <!--js处理区-->



<script>

    layui.use(['element', 'form', 'jquery', 'lucky','wangEditor','code'], function () {
        var element = layui.element;
        var form = layui.form;
        var $ = layui.jquery;
        var lucky=layui.lucky;
        let wangEditor = layui.wangEditor;
        let code=layui.code;

    });

</script >


{/block}
